// $(document).ready(function() {
	var townName = new Array();
	var villageName = new Array();
	var currentTownId = "";
	var currentVillageId = "";
	var opertype = 1; // 管理员-0,村民-1
	var type = ""; // 类型筛选
	var timeStart = ""; //开始时间 
	var timeEnd = ""; //结束时间 
	
	$(function() {
		$.ajaxSetup({
			beforeSend: function () {
			  arguments[0].setRequestHeader("token", localStorage.getItem("token"));
			}
		  });
		console.log("进来了");
		$.ajax({
		    url: url + '/town/querytown',
		    type: "get",
		    success: function(data) {
		        // console.log(data.data);
				townName = data.data.towns;
				$.each(townName, function(i, n) {
					$("<option value=" + n.id + ">" + n.name + "</option>").appendTo("#area-town");
				});
				layui.use(['form'], function(){
					var form = layui.form //表单
					//给表单赋值
					form.val("form1", { 
					    "area-town": townName
					}); 
				})
			},
		});
	})
	function getVillage() {
		$.ajax({
		    url: url + '/village/queryvillage?townId=' + currentTownId,
		    type: "get",
		    success: function(data) {
				$("#area-village").html("<option value=''>地区筛选(村)</option>");
		        // console.log(data);
				villageName = data.data.villages;
				$.each(villageName, function(i, n) {
					$("<option value=" + n.id + ">" + n.name + "</option>").appendTo("#area-village");
				});
				layui.use(['form'], function(){
					var form = layui.form //表单
					//给表单赋值
					form.val("form2", { 
					    "area-village": villageName
					}); 
				})
			},
		});
	}
	
	layui.config({
		version: '1596625002448' //为了更新 js 缓存, 可忽略
	});
	
	layui.use(['layer', 'table', 'upload', 'element', 'form'], function(){
		var layer = layui.layer, //弹层
		table = layui.table, //表格
		upload = layui.upload, //上传
		element = layui.element, //元素操作
		form = layui.form //表单
		
		// 向世界问个好
		// layer.msg('Hello World');
	  
		// 监听Tab切换
		element.on('tab(demo)', function(data){
			layer.tips('切换了 '+ data.index +'：'+ this.innerHTML, this, {
				tips: 1
			});
		});
		
		// 下拉菜单==管理员,村民	
		form.on('select(user)', function(data){
			// layer.msg(data.value); //得到被选中的值
			opertype = data.value;
			getForm(data.value, 1);
		});
		// 下拉菜单==类型筛选
		form.on('select(type)', function(data){
			// layer.msg(data.value); //得到被选中的值
			type = data.value;
			getForm(data.value, 2);
		});
		// 下拉菜单==镇级筛选
		form.on('select(area-town)', function(data){
			// layer.msg(data.value); //得到被选中的值
			currentTownId = data.value;
			getVillage();
			// 连接数据库
			getForm(data.value, 3);
		});
		// 下拉菜单==村级筛选
		form.on('select(area-village)', function(data){
			// layer.msg(data.value); //得到被选中的值
			currentVillageId = data.value;
			// 连接数据库
			getForm(data.value, 4);
		});
		
		// 搜索
		$(function() {
			$('#tijiao').click(function() {
				var val = $('input[name="sousuo"]').val();
				// 连接数据库
				getForm(val, 5);
				$('input[name="sousuo"]').val("");
			})
		})
		
		//日期时间范围
		laydate.render({
			elem: '#time'
			// ,type: 'datetime'
			,range: true
			,done: function(value, startDate, endDate){
			    console.log(value); //得到日期生成的值，如：2020-08-04 04:02:04 - 2020-09-13 03:02:03
			    console.log("startDate==" + startDate.year + "/" + startDate.month + "/" + startDate.date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
			    console.log("endDate==" + endDate.year + "/" + endDate.month + "/" + endDate.date); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
				// 连接服务器
				var timeData = new Array ();
				timeData[0] = startDate.year + "/" + startDate.month + "/" + startDate.date;
				timeStart = timeData[0];
				timeData[1] = endDate.year + "/" + endDate.month + "/" + endDate.date;
				timeEnd = timeData[1];
				getForm(timeData, 6);
				//连接服务器结束
			}
		});
		
		// 监听头工具栏事件
		// table.on('toolbar(test)', function(obj){
		// 	var checkStatus = table.checkStatus(obj.config.id)
		// 	,data = checkStatus.data; //获取选中的数据
		// 	switch(obj.event){
		// 		case 'del':
		// 			if(data.length === 0){
		// 				layer.msg('请选择一行');
		// 			} else {
		// 				layer.confirm('真的删除行么', function(index){
		// 					var delData = new Array ();
		// 					for( var i = 0; i < checkStatus.data.length; i++){
		// 						console.log('删除 [id]：'+ checkStatus.data[i].county);
		// 						delData[i] = checkStatus.data[i].county;
		// 					}
		// 					console.log(delData);
		// 					layer.close(index);
		// 					//向服务端发送删除指令
		// 					// getForm(delData, "/xingzhengcunxinxi");
		// 				});
		// 			}
		// 		break;
		// 	};
		// });
	  
		// 获取表单数据--开始
		option = {
		        id: "demo1"
		        ,url: url + "/general/logger/querylogger?actor=1"
		        ,elem: "#demo"
		        ,page: true

		        ,title: '用户日志表'
		        ,size: "lg"
				,page: true //开启分页
				// ,toolbar: '#barDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		        ,text: {
		            none: '暂无数据' //默认：无数据。
		        }
				,request: {
				    pageName: "currrntPage", //页码的参数名称，默认：page
					limitName: "size", //每页数据量的参数名，默认：limit
				}
				,parseData: function(res) {
					if (res.code == "401") {
						window.parent.window.location.href = "../login/index.html"
					}
		            //res 即为原始返回的数据
					console.log(res)
					console.log(res.data)
		            return {
		                code: 0, //解析接口状态
		                msg: res.msg, //解析提示文本
		                count: res.data.count, //解析数据长度
		                data: res.data.loggers, //解析数据列表
		            };
		        }
		        ,cols: [[ //表头
		        	{
		        		type: 'checkbox', 
		        		align: 'center',
		        	},{
		        		type:'numbers', 
		        		title: '序号', 
		        		
		        		align: 'center',
		        	},{
		        		field: 'operName', 
						title: '管理员账号', 
						sort: true,
		        
		        		align: 'center',
		        	},{
		        		field: 'actor', 
		        		title: '管理员等级', 
		        	
		        		sort: true, 
		        		align: 'center',
						templet: function(d){
							return jibie(d.actor)
						}
		        	},{
		        		field: 'handleName', 
		        		title: '操作信息', 

		        		sort: true, 
		        		totalRow: true, 
		        		align: 'center',
		        	},{
		        		field: 'createdAt', 
		        		title: '操作时间', 
		        		
		        		sort: true, 
		        		align: 'center', 
		        		totalRowText: '合计：',
						templet: function(d){
							return time(d.createdAt)
						}
		        	},{
		        		field: 'handleStatus', 
		        		title: '类型', 
		        
						align: 'center',
						sort: true,
						templet: function(d){
							return leixing(d.handleStatus)
						}
		        	},{
		        		field: 'handleMoudle', 
		        		title: '操作模块', 
		        		
						align: 'center',
						sort: true,
		        	}
		        ]]
		};
		tableIns = table.render(option);
		// 获取表单数据--结束
		
		// 管理员等级开始
		function jibie(num) {
			if(num == 1){
				return "区级管理员"
			}else if(num == 2) {
				return "镇级管理员"
			}else if(num == 3) {
				return "村级管理员"
			}else{
				return "村民"
			}
		}
		// 管理员等级结束
		// 操作时间开始
		function time(num) {
			var TimeStamp = new Date(num);//直接用 new Date(时间戳) 格式转化获得当前时间
			return TimeStamp.toLocaleDateString().replace(/\//g, "-") + " " + TimeStamp.toTimeString().substr(0, 8);
		}
		// 操作时间结束
		// 类型开始
		function leixing(str) {
			if(str == "success") {
				return "查询检索"
			}else if(str == "error") {
				return "删除数据"
			}else if(str == "warn") {
				return "修改数据"
			}else if(str == "data") {
				return "批量上传"
			}else if(str == "info") {
				return "新增数据"
			}else if(str == "log") {
				return "登录操作"
			}
		}
		// 类型结束
		
		// 类型筛选
		function typeFun(){
			if(type != ""){
				url0 = url0 + "&type=" + type;
			}
		}
		// 镇级筛选
		function currentTownIdFun() {
			if(currentTownId != ""){
				url0 = url0 + "&townId=" + currentTownId;
			}
		}
		// 村级筛选
		function currentVillageIdFun() {
			if(currentVillageId != ""){
				url0 = url0 + "&currentVillageId=" + currentVillageId;
			}
		}
		// 开始时间
		function timeStartFun() {
			if(timeStart != ""){
				url0 = url0 + "&timeStart=" + timeStart;
			}
		}
		// 结束时间
		function timeEndFun() {
			if(timeEnd != ""){
				url0 = url0 + "&timeEnd=" + timeEnd;
			}
		}
		// 重置表单数据--开始
		function getForm(data, num){
			console.log("data====" + data);
			if(num == 1){ // =====================管理员-村民
				url0 = url + "/general/logger/querylogger?actor=" + data;
				typeFun(); //类型筛选
				currentTownIdFun(); //镇
				currentVillageIdFun(); //村
				timeStartFun(); //开始时间
				timeEndFun(); //结束时间
			}else if(num == 2){ // =====================类型筛选
				url0 = url + "/general/logger/querylogger?actor=" + opertype + "&type=" + data;
				currentTownIdFun(); //镇
				currentVillageIdFun(); //村
				timeStartFun(); //开始时间
				timeEndFun(); //结束时间
			}else if(num == 3){ // =====================镇
				url0 = url + "/general/logger/querylogger?actor=" + opertype + "&townId=" + data;
				typeFun(); //类型筛选
				timeStartFun(); //开始时间
				timeEndFun(); //结束时间
			}else if(num == 4){ // =====================村
				url0 = url + "/general/logger/querylogger?actor=" + opertype + "&townId=" + currentTownId + "&villageId=" + data;
				typeFun(); //类型筛选
				timeStartFun(); //开始时间
				timeEndFun(); //结束时间
			}else if(num == 5){ // =====================搜索
				url0 = url + "/general/logger/querylogger?actor=" + opertype + "&keywords=" + data;
				typeFun(); //类型筛选
				currentTownIdFun(); //镇
				currentVillageIdFun(); //村
			}else if(num == 6){ // =====================时间
				console.log(data);
				if((data[0] == undefined) || (data[0] == null) || (data[0] == "null") || (data[0] == "")){
					getForm(0, 1);
					console.log("没有时间")
				}else{
					console.log("有时间")
					url0 = url + "/general/logger/querylogger?actor=" + opertype + "&startTime=" + data[0] + "&endTime=" + data[1];
					typeFun(); //类型筛选
					currentTownIdFun(); //镇
					currentVillageIdFun(); //村
					console.log(url0)
				}
			}
			option = {
			        id: "demo1"
			        ,url: url0
			        ,elem: "#demo"
			        ,page: true
			        
			        ,title: '用户表'
			        ,size: "lg"
					,page: true //开启分页
					// ,toolbar: '#barDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
			        ,text: {
			            none: '暂无数据' //默认：无数据。
			        }
					,request: {
					    pageName: "currrntPage", //页码的参数名称，默认：page
					    limitName: "size", //每页数据量的参数名，默认：limit
					} 
					,parseData: function(res) {
						if (res.code == "401") {
							window.parent.window.location.href = "../login/index.html"
						}
						//res 即为原始返回的数据
						console.log(res)
						console.log(res.data)
						return {
							code: 0, //解析接口状态
							msg: res.msg, //解析提示文本
							count: res.data.count, //解析数据长度
							data: res.data.loggers, //解析数据列表
						};
			        }
			        ,cols: [[ //表头
			        	{
			        		type: 'checkbox', 
			        		align: 'center',
			        	},{
			        		type:'numbers', 
			        		title: '序号', 
			        	
			        		align: 'center',
			        	},{
			        		field: 'operName', 
			        		title: '管理员账号', 
			        	 
							align: 'center',
							sort: true,
			        	},{
			        		field: 'actor', 
			        		title: '管理员等级', 
			         
			        		sort: true, 
			        		align: 'center',
			        		templet: function(d){
			        			return jibie(d.actor)
			        		}
			        	},{
			        		field: 'handleName', 
			        		title: '操作信息', 
			        		
			        		sort: true, 
			        		totalRow: true, 
			        		align: 'center',
			        	},{
			        		field: 'createdAt', 
			        		title: '操作时间', 
			        
			        		sort: true, 
			        		align: 'center', 
			        		totalRowText: '合计：',
			        		templet: function(d){
			        			return time(d.createdAt)
			        		}
			        	},{
			        		field: 'handleStatus', 
			        		title: '类型', 
			        		
							align: 'center',
							sort: true,
			        		templet: function(d){
			        			return leixing(d.handleStatus)
			        		}
			        	},{
			        		field: 'handleMoudle', 
			        		title: '操作模块', 
							align: 'center',
							sort: true,
			        	}
			        ]]
			};
			tableIns = table.render(option);
		}
		// 重置表单数据--结束
	});
	
// })